<template>
  <div>
    <h2>调拨记录</h2>
    <div>
      <button @click="redirectToAnotherPage">跳转到其他页面</button>
    </div>
    <!-- 调拨记录列表 -->
    <ul>
      <li v-for="record in allotmentRecords" :key="record.recordId">
        <div>
          <strong>调拨日期:</strong> {{ record.allotmentDate }}
        </div>
        <div>
          <strong>餐具名称:</strong> {{ getUtensilName(record.utensilId) }}
        </div>
        <div>
          <strong>调拨数量:</strong> {{ record.allotmentQuantity }}
        </div>
        <div>
          <strong>调拨类型:</strong> {{ record.allotmentType }}
        </div>
        <div>
          <strong>原仓库:</strong> {{ getWarehouseName(record.sourceWarehouseId) }}
        </div>
        <div>
          <strong>目标仓库:</strong> {{ getWarehouseName(record.targetWarehouseId) }}
        </div>
      </li>
    </ul>

    <!-- 外站调拨记录列表 -->
    <h3>外站拨入记录</h3>
    <ul>
      <li v-for="record in externalAllotmentRecords" :key="record.recordId">
        <div>
          <strong>调拨日期:</strong> {{ record.allotmentDate }}
        </div>
        <div>
          <strong>餐具名称:</strong> {{ getUtensilName(record.utensilId) }}
        </div>
        <div>
          <strong>调拨数量:</strong> {{ record.allotmentQuantity }}
        </div>
        <div>
          <strong>航空公司:</strong> {{ getAirlineName(record.airlineId) }}
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        allotmentRecords: [], // 调拨记录列表
        externalAllotmentRecords: [] // 外站拨入记录列表
      };
    },
    methods: {
      // 获取餐具名称
      getUtensilName(utensilId) {
        // 根据餐具ID查询餐具表获取名称
        // 返回对应的餐具名称
      },
      // 获取仓库名称
      getWarehouseName(warehouseId) {
        // 根据仓库ID查询仓库表获取名称
        // 返回对应的仓库名称
      },
      // 获取航空公司名称
      getAirlineName(airlineId) {
        // 根据航空公司ID查询航空公司表获取名称
        // 返回对应的航空公司名称
      }
    },
    created() {
      // 在组件创建时，获取调拨记录和外站拨入记录的数据
      this.allotmentRecords = this.fetchAllotmentRecords(); // 获取调拨记录数据的方法
      this.externalAllotmentRecords = this.fetchExternalAllotmentRecords(); // 获取外站拨入记录数据的方法
    },
      redirectToAnotherPage() {
        // 在方法中使用适当的方式实现页面跳转，例如使用Vue Router进行路由跳转
        // 例如：
        // this.$router.push('/another-page')，其中'/another-page'是目标页面的路由路径

    }
  };
</script>
